<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">	
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<div id=page>
	<div id=form>
	<h1>Scheduler</h1>
		<form name='createSurveyForm' action="processForm.php" method='POST'>
			<input type="text" required placeholder="Your name" name="creatorName" id="creatorName"><br/>
			<input type="text" required placeholder="Event name" name="eventName" id="eventName"><br/>
			<input type="number" required placeholder="Event Length in hours" name="eventLength" id="eventLength"><br/>
			<input type="email" required placeholder="Write your email" name="creatorEmail" id="creatorEmail"><br/>
			<input id='invitees' required type='email' placeholder="Invite friends, separate emails with ','" name='invitees' multiple size=100><br/>	
			<input type="submit" id="submitButton" name="submitButton" value="Create survey!">
		</form>
	</div>
</div>
</body>
</html>
